/*@media (min-width:500px) {*/
  /*:host{*/
    /*display:flex;*/
    /*align-items:center;*/
  /*}*/
  /*:host>div:nth-child(2){*/
    /*flex-grow:1;*/
    /*text-align:center;*/
  /*}*/
  /*.award-pic {*/
    /*width: 350px;*/
    /*margin:15px;*/
  /*}*/
/*}*/
/*@media (max-width:500px){*/
  /*.award-pic{*/
    /*width:100vw;*/
  /*}*/
/*}*/
/*h3{*/
  /*padding-left:15px;*/
  /*color: black;*/
/*}*/
/*a{*/
  /*border:1px solid darkorange;*/
  /*padding:2px 10px;*/
  /*margin-left:15px;*/
  /*font-size:0.6;*/
  /*color:darkorange;*/
/*}*/
/*li{*/
  /*color: black;*/
/*}*/
:host{
  display:flex;
  height: 100%;
  flex-wrap:wrap;
  justify-content: space-between;
}

@media screen and (orientation: landscape) {
  .award-pic {
    border-radius: 10px;
    width: 100%
  }
  .bei {
    display: block;
    width: 47vw;
    border-radius: 10px;
    background-color: white;
    padding: 5px;
    box-sizing: border-box;
    margin: 0 5px 10px;
  }
}
@media screen and (orientation: portrait) {
  .award-pic {
    border-radius: 10px;
    width: 100%;
    height: 40vw;
  }
  .bei {
    border-radius: 10px;
    background-color: white;
    padding: 5px;
    box-sizing: border-box;
    margin: 0 10px 10px;
  }
}
  .info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

